﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dreamer CMS - 后台管理系统</title> 
    <link href="/resource/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/resource/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="/resource/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <link href="/resource/css/iCheck/all.css" rel="stylesheet" type="text/css" />
    <link href="/resource/css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="row">
    <div class="col-md-12">
    	<h1 class="panel-heading">添加字段</h1>
        <!--breadcrumbs start -->
        <ul class="breadcrumb">
			<li><a href="/admin/dashboard/toIndex"><i class="fa fa-home"></i> 首页</a></li>
			<li class="active">添加字段</li>
		</ul>
        <!--breadcrumbs end -->
    </div>
</div>
<section class="panel">
	<div class="panel-body">
		<form class="col s12" id="form1" th:action="@{/admin/field/add}" onsubmit="return validateForm();" method="post">
			<input name="formId" id="formId" type="hidden" th:value="${formId}" />
			<div class="form-group form-control-medium">
				<label for="fieldText">表单提示文字：</label>
				<input id="fieldText" name="fieldText" type="text" class="form-control" placeholder="表单提示文字" />
			</div>
			<div class="form-group form-control-medium">
                <label for="fieldName">字段名称：</label>
                <input id="fieldName" name="fieldName" type="text" class="form-control" placeholder="字段名称">
			</div>
			<div class="form-group">
				<label for="dataType">数据类型：</label>
				<div class="clearfix"></div>
				<div class="row">
					<div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-1" value="varchar" checked="checked" /> 单行文本（VARCHAR）
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-2" value="char" /> 单行文本（CHAR）
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-3" value="textarea" /> 多行文本（TEXT）
                        </label>
                    </div>
                    <div class="clearfix"></div>
				</div>
				<div class="row">
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-4" value="html" /> HTML文本
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-5" value="markdown" /> MARKDOWN文本
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-6" value="file" /> 附件类型
                        </label>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="row">
                	<div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-7" value="datetime" /> 时间类型
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-8" value="radio" /> 单选（RADIO）
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-9" value="checkbox" /> 多选（CHECKBOX）
                        </label>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="row">
                	<div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-10" value="select" /> 下拉选（SELECT）
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-11" value="image" /> 图片类型（IMAGE）
                        </label>
                    </div>
                    <div class="checkbox-item">
                        <label class="checkbox-inline">
                            <input type="radio" name="dataType" id="dataType-12" value="imageset" /> 图集（IMAGESET）
                        </label>
                    </div>
                </div>
			</div>
			<div class="form-group">
                <label for="defaultValue">默认值：</label>
                <textarea id="defaultValue" name="defaultValue" class="form-control" placeholder="默认值"></textarea>
                <span>如果定义数据类型为select、radio、checkbox时，此处填写被选择的项目(用“,”分开，如“男,女,未知”)</span>
			</div>
			<div class="form-group form-control-small">
                <label for="maxLength">字段长度：</label>
                <input id="maxLength" name="maxLength" type="text" class="form-control" placeholder="字段长度" />
			</div>
			<div class="form-btn-group-left" shiro:hasAnyPermissions="system:field:toadd,system:field:add">
            	<button type="submit" class="btn btn-info">保存</button>
            </div>
		</form>
	</div>
</section>
<script src="/resource/js/jquery.min.js"></script>
<script src="/resource/js/coco-message/coco-message.js"></script>
<script>
    function validateForm(){
		var fieldText = $("#fieldText").val();
    	var fieldName = $("#fieldName").val();
    	if(fieldText == null || fieldText==''){
    		cocoMessage.error("表单提示文字不能为空");
    		return false;
    	}
    	if(fieldName == null || fieldName==''){
    		cocoMessage.error("字段名称不能为空");
    		return false;
    	}
    	return true;
    }
</script>
</body>
</html>
